* {
  margin: 0;
  padding: 0; }

body {
  background: #d197fa;
  background: -moz-linear-gradient(top, #d197fa 0%, #921ef0 25%, #9215f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d197fa), color-stop(25%, #921ef0), color-stop(100%, #9215f2));
  background: -webkit-linear-gradient(top, #d197fa 0%, #921ef0 25%, #9215f2 100%);
  background: -o-linear-gradient(top, #d197fa 0%, #921ef0 25%, #9215f2 100%);
  background: -ms-linear-gradient(top, #d197fa 0%, #921ef0 25%, #9215f2 100%);
  background: linear-gradient(to bottom, #d197fa 0%, #921ef0 25%, #9215f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d197fa', endColorstr='#9215f2',GradientType=0 ); }
  body header {
    padding-top: 30px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 20px; }
    body header div#reg-form-container {
      position: absolute;
      margin-top: -90px;
      right: 5%;
      float: right; }
      body header div#reg-form-container div {
        text-align: right; }
        body header div#reg-form-container div label {
          width: 50px;
          margin: 5px; }
        body header div#reg-form-container div input {
          width: 130px;
          border: 1px solid #603382;
          border-radius: 10px;
          padding: 2px 5px;
          margin: 5px;
          background-color: #B572D6; }
      body header div#reg-form-container button {
        background-color: #B35EF3;
        font-weight: bold;
        border: 1px solid #c0afce;
        border-style: outset;
        border-radius: 10px;
        padding: 5px 8px;
        color: White; }
        body header div#reg-form-container button:hover {
          background-color: #8949b9;
          border-style: inset;
          cursor: pointer; }
    body header nav {
      width: 76%;
      height: 50px;
      margin: 30px 20px 20px 20px;
      border: 1px solid black;
      border-radius: 15px; }
      body header nav ul li {
        display: inline-block;
        float: left;
        padding-top: 15px; }
        body header nav ul li a {
          text-decoration: none;
          margin-left: 25px;
          color: white;
          font: 1.4em normal Arial; }
        body header nav ul li:hover > a {
          text-decoration: underline;
          color: Black; }
        body header nav ul li:hover > a + ul {
          display: block; }
        body header nav ul li ul.sub-nav-list {
          width: 250px;
          position: absolute;
          display: none;
          background-color: rgba(179, 94, 243, 0.9);
          border-radius: 5px; }
          body header nav ul li ul.sub-nav-list li {
            width: 250px;
            border-bottom: 1px solid black;
            padding-top: 10px;
            padding-bottom: 10px; }
            body header nav ul li ul.sub-nav-list li:last-of-type {
              border-bottom: none; }
          body header nav ul li ul.sub-nav-list li.selected a {
            font-weight: bold; }
        body header nav ul li a {
          font-size: 1.2em;
          color: #fff; }
      body header nav ul.nav-list {
        list-style-type: none; }
  body section {
    width: 75%;
    float: left;
    color: black; }
    body section article {
      margin: 20px;
      padding: 20px;
      border: 1px solid black;
      color: White;
      border-radius: 15px; }
      body section article header {
        background: none;
        padding: 5px; }
        body section article header h1 {
          font-size: 1.4em;
          padding: 0; }
      body section article footer {
        padding: 5px; }
        body section article footer p {
          font-size: 16px;
          text-align: right;
          font-weight: normal; }
          body section article footer p time {
            font-family: Consolas, "Lucida Console", "DejaVu Sans Mono", monospace; }
          body section article footer p a {
            text-decoration: none;
            color: #D59DEB; }
            body section article footer p a:hover {
              text-decoration: underline; }
  body aside {
    color: white;
    float: left;
    width: 20%;
    margin: 20px; }
    body aside > ul {
      list-style-type: none; }
      body aside > ul > li {
        margin: 15px 0;
        padding: 15px;
        border: 1px solid black;
        border-radius: 5px; }
        body aside > ul > li h2 {
          font-size: 1.1em;
          font-weight: bold; }
        body aside > ul > li p {
          margin-top: 10px;
          margin-right: 5px;
          margin-bottom: 10px;
          margin-left: 5px;
          font-size: 14px; }
          body aside > ul > li p a {
            color: #aaaaaa;
            text-decoration: none; }
          body aside > ul > li p strong {
            color: #cccccc;
            font-weight: bold;
            font-style: normal; }
          body aside > ul > li p em {
            color: #cccccc;
            font-weight: normal;
            font-style: italic; }
        body aside > ul > li ul {
          list-style-type: none;
          margin-top: 10px;
          margin-right: 0px;
          margin-bottom: 10px;
          margin-left: 0px; }
          body aside > ul > li ul li {
            margin-top: 5px;
            margin-left: 0px;
            margin-bottom: 0px;
            margin-right: 0px;
            background-position: 0 50%;
            padding-left: 10px; }
  body footer {
    clear: both;
    padding-top: 15px;
    padding-bottom: 25px;
    padding-right: 0px;
    padding-left: 0px; }
    body footer p {
      color: White;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center; }
